//加入购物车
//实现数量的增加
let num = document.querySelector('.num');
let add = document.querySelector('.add');
let reduce = document.querySelector('.reduce');
let sum = 1;

//加
add.onclick = function () {
    num.value = Number(num.value) + sum
    reduce.style.cursor = 'pointer'
};
//减
reduce.onclick = function () {
    num.value = Number(num.value) - sum
    if (Number(num.value) <= 1) {
        num.value = 1
        //reduce.style.enabled=false;
        reduce.style.cursor = 'not-allowed'
    }
}
//加入购物车
let addCart = document.querySelector('.addCart');
var params = (function () {
    var search = location.search;//获取location的search属性，保存在search中
    var params = {}; //创建空对象params
    if (search != "") {        //如果search不是空字符串
        search.slice(1).split("&").forEach(    //?username=zhangdong&pwd=123456;//search去开头?，按&切割为数组，forEach
            function (val) {
                var arr = val.split("=");        //将当前元素值按=切割，保存在arr中
                params[arr[0]] = arr[1];        //向params中添加一个元素,属性名为arr[0],值为arr[1]
            }
        );
    }
    return params; //返回param
})();
let arr1 = [getCookie('username')];
let empty = document.querySelector('.empty')
let Uname = getCookie('username');//拿到用户名
addCart.onclick = function () {//点击加入购物车
    //先判断是否已经登录
    if(!Uname){//未登录时直接跳转到登录页面
        layer.msg(
            '请登录后再加入购物车',
            {icon: 2,shade:[0.8, '#393D49'],time:2000},
          );
        setTimeout(function(){
            location.href='../html/login.html'
        },1000)
        return;
    }
    //当点击了加入购物车后，对应用户和商品信息以及选购的数量存入本地   
    //empty.style.display = 'none'//隐藏空空如也
    //let num = $('#num').val();//num.value
    // 先获取本地存储购物车的数据
    let localData = localStorage.getItem('data');
    // 判断购物车是否为空
    if (!localData) {// 购物车为空
      // 直接将此次购买的商品信息写入购物车
      let obj = {
        goodsId: params.id,
        value: num.value,
        username: Uname,
      };
      // 存入localStorage
      localStorage.setItem('data', JSON.stringify([obj]));
      layer.msg('加入购物车成功');
      //empty.style.display = 'none'
      //location.href = `../html/cart.html?id=${params.id}&value=${num.value}`;
    } else {
      let data = JSON.parse(localData);
      // 判断之前该用户知否将这个商品加入过购物城
      let res = data.findIndex(v => v.username == Uname && v.goodsId == params.id);
      if (res != -1) { // 如果res不为-1则  这个用户之前就已经将这个商品加入购物车
        // 将这个之前就加入到购物的数据拿出来
        let cart = data.find(v => v.username == Uname && v.goodsId == params.id);
        cart.value = parseInt(cart.value) + parseInt(num.value); // 将需要加入购物城的商品数累加并入data数据中
        localStorage.setItem('data', JSON.stringify(data));
        layer.msg('加入购物车成功')
        //empty.style.display = 'none'
        //location.href = `../html/cart.html?id=${params.id}&value=${num.value}`
      } else { // 这个用户之前没有将这个商品加入过购物城
        data.push({
          goodsId: params.id,
          value:num.value,
          username: Uname
        });
        localStorage.setItem('data', JSON.stringify(data));
        layer.msg('加入购物车成功')
        //empty.style.display = 'none'
        //location.href = `../html/cart.html?id=${params.id}&value=${num.value}`
      }
    }
        
}
//点击进入购物车
$('.inCart').click(function(){
    location.href = `../html/cart.html?id=${params.id}&value=${num.value}`
   //location.href = '../html/cart.html'
})